<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>卖家商品列表</title>
</head>
<link href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <table class="table table-bordered table-hover">
                <thead>
                <tr>
                    <th>
                        订单id
                    </th>
                    <th>
                        姓名
                    </th>
                    <th>
                        手机号
                    </th>
                    <th>
                        地址
                    </th>
                    <th>
                        金额
                    </th>
                    <th>
                        订单状态
                    </th>
                    <th>
                        支付状态
                    </th>
                    <th>
                        创建时间
                    </th>
                    <th colspan="2">
                        操作
                    </th>
                </tr>
                </thead>
                <tbody>
                <#list orderDTOPage.content as orderDTO>
                <tr>
                    <td>${orderDTO.orderId}</td>
                    <td>${orderDTO.buyerName}</td>
                    <td>${orderDTO.buyerPhone}</td>
                    <td>${orderDTO.buyerAddress}</td>
                    <td>${orderDTO.orderAmount}</td>
                    <td>${orderDTO.getOrderStatusEnum().msg}</td>
                    <td>${orderDTO.getPayStatusEnum().msg}</td>
                    <td>${orderDTO.createTime}</td>
                    <td>
                        <a href="${request.contextPath}/sell/order/detail?orderId=${orderDTO.orderId}">详情</a></td>
                    <td>
                        <#if orderDTO.getOrderStatusEnum().msg =="新订单">
                        <a href="${request.contextPath}/sell/order/cancel?orderId=${orderDTO.orderId}">取消</a>
                        </#if>
                    </td>
                </tr>
                </#list>
                </tbody>
            </table>
        </div>
        <div class="col-md-12 column">
            <ul class="pagination pull-right">
                <#if currentPage lte 1>
                    <li class="disabled">
                        <a href="#">上一页</a>
                    </li>
                    <#else >
                        <li >
                            <a href="${request.contextPath}/sell/order/list?page=${currentPage-1}&size=${size}">上一页</a>
                        </li>
                </#if>


               <#list 1..orderDTOPage.getTotalPages() as index>
                    <#if currentPage==index>
                        <li class="disabled">
                            <a href="${request.contextPath}/sell/order/list?page=${index}&size=${size}">${index}</a>
                        </li>

               <#else>
                   <li>
                       <a href="${request.contextPath}/sell/order/list?page=${index}&size=${size}">${index}</a>
                   </li>
                    </#if>
               </#list>
                    <#if currentPage gte orderDTOPage.getTotalPages()>
                        <li class="disabled">
                            <a href="#">下一页</a>
                        </li>
                    <#else >
                        <li >
                            <a href="${request.contextPath}/sell/order/list?page=${currentPage+1}&size=${size}">下一页</a>
                        </li>
                    </#if>

            </ul>
        </div>
    </div>
</div>
</body>
<script>
    var websocket=null;
    if('WebSocket' in window){
        websocket=new WebSocket("ws://localhost:8080/sell/webSocket")
    }else{
        alert('该浏览器不支持webSocket!');
    }
    websocket.onopen=function (event) {
        console.log("建立连接");
    }
    websocket.onclose=function (event) {
        console.log("连接关闭");
    }
    websocket.onmessage=function (event) {
        console.log("收到信息"+event.data);
        
    }
    websocket.onerror=function () {
        alert("websocket通信异常")
    }
    window.onbeforeunload=function () {
        websocket.close();
    }
</script>
</html>